<template>
  <div
    class="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 flex items-center justify-center p-4"
  >
    <div class="w-full max-w-md">
      <!-- 登录卡片 -->
      <div class="bg-white rounded-lg shadow-xl p-8">
        <!-- Logo和标题 -->
        <div class="text-center mb-8">
          <h1 class="text-2xl font-bold text-gray-900 mb-2">
            China Fellou Plus
          </h1>
          <div class="text-sm text-gray-600">
            您的隐私对我们很重要，我们确保您的数据是安全和保密的
          </div>
        </div>

        <div class="login flex items-start justify-center"></div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref, reactive, onMounted } from "vue";
import { useRouter } from "vue-router";

// 路由实例
const router = useRouter();
</script>

<style scoped lang="scss"></style>
